<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Excel Process Extension</title>
  <style>
    body {
      background: #f8fff8;
      font-family: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', Arial, sans-serif;
      margin: 0;
      padding: 0;
    }
    .popup-container {
      max-width: 340px;
      min-width: 260px;
      margin: 0 auto;
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 4px 24px rgba(0,0,0,0.10);
      padding: 28px 24px 32px 24px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    h2 {
      font-size: 1.3rem;
      font-weight: 700;
      color: #222;
      margin-bottom: 12px;
      text-align: center;
      letter-spacing: 1px;
    }
    .desc {
      color: #555;
      font-size: 1rem;
      text-align: center;
      margin-bottom: 28px;
      line-height: 1.6;
    }
    .run-btn {
      margin-top: 10px;
      cursor: pointer;
      transition: transform 0.15s, box-shadow 0.15s;
      border-radius: 50%;
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
      background: #f5faff;
      padding: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .run-btn:hover {
      transform: scale(1.08);
      box-shadow: 0 6px 18px rgba(0,128,255,0.12);
      background: #e6f7ff;
    }
    .run-btn svg {
      display: block;
    }
    .tip {
      margin-top: 18px;
      color: #888;
      font-size: 0.95rem;
      text-align: center;
    }
  </style>
</head>
<body>
  <div class="popup-container">
    <h2>Excel Process Extension</h2>
    <div class="desc">
      一键解析、预览和高亮SQL脚本，支持多文件Excel/CSV导入。<br>
      点击下方按钮进入全屏编辑体验。
    </div>
    <a href="fullscreen.html" target="_blank" style="text-decoration:none;">
      <div class="run-btn">
        <svg t="1749974556419" class="icon" viewBox="0 0 1024 1024" width="48" height="48"><path d="M837.808 518.64l-618.432 416.96a8 8 0 0 1-12.48-6.64V95.04a8 8 0 0 1 12.48-6.624l618.432 416.96a8 8 0 0 1 0 13.264zM302.912 271.84v480.288L687.52 512 302.912 271.84z" fill="#0D192D"></path></svg>
      </div>
    </a>
    <div class="tip">点击运行"三角形按钮"进入全屏编辑</div>
  </div>
  <!-- 无需JS，a标签跳转更兼容 -->
</body>
</html> 